<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">


		<h2>
			<h:outputText value="#{messages['actividad.title']}" />
		</h2>

		<br />
		
		<h:form id="formLista">
			<p:dataTable id="lista" value="#{actividadBean.actividads}"
				var="v_act" emptyMessage="No existen actividads" paginator="true" paginatorAlwaysVisible="false"
				paginatorPosition="top" rows="10">
				<f:facet name="header">Actividades</f:facet>
				<p:column headerText="Descripcion" sortBy="descripcion"
					filterBy="descripcion" width="35%">
					<p:outputLabel value="#{v_act.descripcion}" />
				</p:column>
				
				<p:column width="30%">
					<p:commandButton
						actionListener="#{actividadBean.eliminar(v_act.id)}"
						value="Eliminar" update=":formLista:lista :alta"
						icon="ui-icon-trash">
						<p:confirm header="Confirmation"
							message="¿Seguro que quiere eliminar esta actividad?"
							icon="ui-icon-alert" />
					</p:commandButton>
					<p:commandButton
						actionListener="#{actividadBean.seleccionar(v_act)}"
						value="Editar" update=":alta:crearPanel" icon="ui-icon-disk" />

					<p:confirmDialog global="true" showEffect="fade"	hideEffect="explode">
						<p:commandButton value="Si" type="button"	styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="No" type="button"	styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>
				</p:column>
			</p:dataTable>
		</h:form>
		<p:spacer height="30px"></p:spacer>
		<h:form id="alta">
			<p:growl globalOnly="true" showDetail="true" showSummary="true" />
			<p:panel header="Crear" id="crearPanel">
				<p:panelGrid columns="3" style="width:100%;">
					<p:outputLabel value="Nombre" for="actividadDesc" />
					<p:inputText value="#{actividadBean.actividad.descripcion}"
						id="actividadDesc" />
					<p:message for="actividadDesc" />					
				</p:panelGrid>
				<f:facet name="footer">
					<p:commandButton action="#{actividadBean.save}" value="Guardar"
						update=":formLista:lista :alta" />
					<p:commandButton value="Limpiar" update="alta" process="@this"
						actionListener="#{actividadBean.resetProvincia}" />
				</f:facet>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
